import ProcessMiningEngine from './components/ProcessMiningEngine'
import{IntlProvider as NusiIntlProvider} from '@terminus/nusi-slim';
import '@terminus/nusi-slim/dist/nusi.less';
import { useEffect } from 'react'

const nusiConfig = {
  // 配置自定义的前缀
  nsiPrefixCls: 'nsi',
  autoInsertSpaceInButton: false,
}

NusiIntlProvider.config(nusiConfig);

function App() {

  useEffect(() => {
    document.querySelector('html')?.setAttribute('density', 'normal')
  }, [])

  return (
    <div style={{ width: '100vw', height: '100vh' }}>
      <NusiIntlProvider locale="zh-CN" configProviderProps={nusiConfig}>
        <ProcessMiningEngine />
      </NusiIntlProvider>
    </div>
  )
}

export default App
